<template>
	<view class="container">
		{{option}}
		<!-- {{datas.timeText}} -->

	</view>
	<!-- 	<view class="" v-for="(item, index) in datas" :key="index">
		<view class="">
			{{item.timeText}}
		</view>
	</view> -->
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		data() {
			return {
				aaa: this.$store.state.theme.currentBackground,
				option: this.$store.state.option.option,
				datas: this.$store.state.option.defaultoption,
				time: 20,
				timeBg: {
					backgroundImage1: 'url(' + require('@/static/style1/zh9.png') + ')',
					backgroundImage2: 'url(' + require('@/static/style2/zh9.png') + ')',
				},
			}
		},
		created() {
			console.log('类型', typeof(this.datas))
			console.log(this.datas);
		},
		computed: {
			...mapState('option', ['defaultoption'])
		},
		methods: {
			change(e) {
				console.log('e', e);
			}
		}

	}
</script>
<style lang="scss" scoped>
	.container {
		background-color: #11112B;
		height: 100vh;
		color: red;

		.time {
			padding: 0rpx 65rpx;
			// background: url('@/static/style1/zh9.png');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 134rpx 34rpx;
		}

		.in {
			width: 136rpx;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 134rpx 34rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid red;

			.inx {
				width: 50%;
				border: 1px solid blue;
			}

		}
	}
</style>